<template>
	<view>
		<uni-title type="h4" title="中奖计算器" class="mx-4 my-2"></uni-title>
		<RewardsCalc class="mx-4 text-base"></RewardsCalc>
		<uni-collapse>
			<uni-collapse-item title="图表选号">
				<view class="mx-4 mb-4">
					<button size="mini" @click="waveChartInfo.visible=true">波浪图</button>
					<button size="mini" @click="lightingChartInfo.visible=true" class="mx-1">闪电图</button>
					<button size="mini" @click="fireworkChartInfo.visible=true">烟花图</button>
				</view>
			</uni-collapse-item>
			<uni-collapse-item title="奖项说明">
				<RewardsRule class="mx-4 text-base lh-lg"></RewardsRule>
			</uni-collapse-item>
			<uni-collapse-item title="外链">
				<view class="lh-lg mx-4 mb-4">
					<view>
						<uni-link href="https://lottery.izishu.cn/" text="LuckLottery 网页版"
							:showUnderLine="false"></uni-link>
					</view>
					<view>
						<uni-link href="https://m.lottery.gov.cn/zst/dlt/" text="超级大乐透"
							:showUnderLine="false"></uni-link>
					</view>
					<view>
						<uni-link href="https://m.cjcp.cn/zoushitu/cjwdlt/zhfenbu.html" text="彩经网"
							:showUnderLine="false"></uni-link>
					</view>
					<view>
						<uni-link href="https://lotto.sina.cn/trend/qxc_qlc_proxy.d.html?actionType=chzs&lottoType=dlt"
							text="新浪彩票" :showUnderLine="false"></uni-link>
					</view>
				</view>
			</uni-collapse-item>
			<uni-collapse-item title="关于">
				<view class="mx-4 lh-lg">
					{{config.app_name + ' ' + config.app_version}}
					<view>功能特点：</view>
					<view>1. 自动采集官方历史开奖数据（100期）。</view>
					<view>2. 基于官方历史开奖数据进行统计整理，自动创建多种类型的预选号码池。</view>
					<view>3. 基于各种类型的号码池，自定义进行多种参数模式的随机选号，支持多批次参数同时并行选号。</view>
					<view>4. 具备优选功能，即基于已选号码进行二次随机选号。</view>
					<view>5. 支持号码排除功能，选号过程自动排除黑名单号码。</view>
					<view>6. 选号结果自动标识与上期开奖结果重复的号码。</view>
					<view>7. 支持订单暂存功能，不买也可以跟踪本期中奖情况。</view>
					<view>8. 大数据复盘功能，大批量生成订单进行模拟开奖，复盘中奖概率。</view>
					<view>9. 选号参数收藏功能，收藏和使用中奖率高的参数方案。</view>
				</view>
			</uni-collapse-item>
		</uni-collapse>
		<WaveChart v-model="waveChartInfo.visible"></WaveChart>
		<LightingChart v-model="lightingChartInfo.visible"></LightingChart>
		<FireworkChart v-model="fireworkChartInfo.visible"></FireworkChart>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue';
	import config from '@/config/config';
	import RewardsRule from './components/RewardsRule.vue';
	import RewardsCalc from './components/RewardsCalc.vue';
	import WaveChart from './components/WaveChart.vue';
	import LightingChart from './components/LightingChart.vue';
	import FireworkChart from './components/FireworkChart.vue';

	const waveChartInfo = ref({
		visible: false
	})
	const lightingChartInfo = ref({
		visible: false
	})
	const fireworkChartInfo = ref({
		visible: false
	})
</script>